<!DOCTYPE html>
<html>
  <head>
    <title>SmalltalkTutorial</title>
    <script src="../../js/amber.js" type="text/javascript"></script>
    
  </head>
  <body>
	  <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '138391069632276', // App ID
            channelUrl : null, // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });
          // Additional initialization code here
        };
        // Load the SDK Asynchronously
        (function(d){
           var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
           if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           ref.parentNode.insertBefore(js, ref);
         }(document));
      </script>
      <div class="fb-login-button">Login with Facebook</div>
	  <script type="text/javascript">
      loadAmber({
        files: ['SmalltalkTutorial.js'],
        prefix: 'projects/SmalltalkTutorial/js',
        ready: function() {smalltalk.Lesson1._new()._open() }
        }); 
    </script>
    <button onclick="smalltalk.Browser._open()">class browser</button>
    <div class='lesson'></div>
        <script type="text/javascript"> 
        window.onbeforeunload = function() { return "You are about to lose all uncommitted changes!" }
    </script>

  </body>
</html>
